<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单</title>
    <link rel="shortcut icon" href="logo.ico">
    <link rel="stylesheet" href="css/myorder.css">
    <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <script src="libs/jquery.min.js"></script>
    <script src="libs/bootstrap/js/bootstrap.bundle.js"></script>
</head>

<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="d-flex container justify-content-between">
            <div class="header-nav-left">
                <a href="index.html">
                    <i class="iconfont icon-shouye"></i>
                    环球鞋网首页
                </a>
            </div>
            <div class="header-nav-right d-flex">
                <div class="nav-item" id="sessionChange">你好，请先
                    <a href="login.html">登录</a>
                    &nbsp
                    <a href="regist.html">
                        注册
                    </a>
                </div>
                <div class="nav-spacer"></div>
                <a href="car.html" class="nav-item">我的购物车</a>
                <div class="nav-spacer"></div>
                <a href="information.html" class="nav-item">个人中心</a>
                <div class="nav-spacer"></div>
                <a href="#" class="nav-item">帮助中心</a>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 头部2开始 -->
    <div class="header-two my-3">
        <div class="container d-flex justify-content-between">
            <div class="login-left">
                <img src="images/logo.png" alt="logo">
            </div>
            <div class="schedule-box">
                <ul class="schedule-list">
                    <li class="schedule-list1">
                        <span class="schedule-list-active"></span>
                        <span class="schedule-font">我的购物车</span>
                    </li>
                    <li class="schedule-list2">
                        <span class="schedule-list-active auto"></span>
                        <span class="schedule-font">确认订单信息</span>
                    </li>
                    <li class="schedule-list3">
                        <span class="schedule-list-active fl-r"></span>
                        <span class="schedule-font">付款，完成购买</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--路径导航开始-->
    <div id="navPath" class="container">
        <p>
            您当前的位置 :&nbsp&nbsp&nbsp
            <a href="index.html">首页</a>
        </p>
        <i>/</i>
        <a>我的订单</a>
    </div>
    <!--路径导航结束-->
    <!-- 头部2结束 -->
    <div class="container px-0 order-nav">
        <div class="order-nav-list">
            <div class="order-nav-item nav-item-active">全部订单</div>
            <div class="order-nav-item">待付款</div>
            <div class="order-nav-item">待发货</div>
            <div class="order-nav-item">待收货</div>
            <div class="order-nav-item">已完成</div>
        </div>
    </div>
    <div class="container px-0 order-content">
        <div class="container">
            <div class="order-content-header d-flex text-center">
                <div class="col-2">
                    商品图片
                </div>
                <div class="col-3">订单详情</div>
                <div class="col-1">数目</div>
                <div class="col-2">收货信息</div>
                <div class="col-1">金额</div>
                <div class="col-2">
                    <span>全部状态</span>
                    <i class="iconfont icon-xiangxia"></i>
                </div>
                <div class="col-1">操作</div>
            </div>
        </div>
        <div class="order-content-list" style="display: none">

        </div>
    </div>
    <div class="container px-0 mt-5 car-nothing-container">
        <div class="d-flex justify-content-center align-content-center">
            <div class="nothing-img">
                <img src="images/car.png" alt="">
            </div>
            <div>
                <div class="noting-text">
                    <p>我的订单空空如也,</p>
                    <p>快去抢购心仪的商品吧~</p>
                </div>
                <div class="nothing-btn">
                    <button>
                        <a href="index.html" class="nothing-btn-index">立即抢购</a>
                    </button>
                    <button>
                        <a href="car.html">查看购物车</a>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="w-100  h-auto d-flex position-fixed top-0 mt-5">
        <div class="toast position-relative mx-auto" role="alert" aria-live="assertive" aria-atomic="true">
            <div class="toast-header justify-content-between">
                <div>
                    <strong class="mr-auto">通知</strong>
                </div>
                <div>
                    <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
            <div class="toast-body">
                用户未登录！请先去<a href="login.html">登录</a>
            </div>
        </div>
    </div>
</body>
<script src="js/myorder.js"></script>
</html>